<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jstl/core_rt"%>
<%
	String path = request.getContextPath();
	pageContext.setAttribute("rootUrl", path);
%>
<!DOCTYPE html>
<html >
<head>
	<jsp:include page="../common/header.jsp"/>
	<style type="text/css">
		#outer1 {
			background: url("${rootUrl}/assets/css/images/bg1_taobao.png") repeat-x scroll 0 0 #DBDBDB;
			position: relative;
			width: 100%;
		}
	</style>
</head>
	<body>
		<div id="outer1">
			<div id="main">
				<div id="banner">
					<jsp:include page="carousel.jsp"/>
				</div>
				<div class="specialBox"></div> 
				<div id="layout_list">
					<div class="nocol">
					<div class="box">
						<div class="heading">
							<ul class="nav nav-tabs">
								<c:forEach items="${level2CategoryList }" var="bean" varStatus="vstatus">
									<li class="<c:if test="${catid == bean.catId}">active</c:if>">
										<a href="${rootUrl }/index.htm?catid=${bean.catId}">${bean.name}</a>
									</li>
								</c:forEach>
							</ul>
							<c:if test="${catid == 505 }">
								<div class="progress">
									<div class="bar bar-success" style="width: 35%;"></div>
									<div class="bar bar-warning" style="width: 20%;"></div>
									<div class="bar bar-danger" style="width: 10%;"></div>
								</div>
							</c:if>
						</div>
						<div class="thumblist wideThumblist" id="J_itemList">
							<input type="hidden" id="J_TrackIds" value="${trackIds }"/>
							<c:forEach items="${items}" var="item">
								<div class="thumb first imageShow">
									<div class="image">
										<span class="inner"> 
											<a class="link" id="image_a_${item.itemId }" target="_blank">
												<img class="show-image" alt="${item.title }" src="${item.mainPicUrl }_310x310.jpg" style="opacity: 1;">
											</a>
										</span>
									</div>
									<div class="variants">
										<ul>
											<c:forEach items="${item.picList}" var="image">
												<li class="smallImage" style="cursor: pointer;">
													<a href="#" data-image-url="${image}_310x310.jpg">
														<img alt="${item.title }" src="${image }_40x40.jpg">
													</a>
												</li>
											</c:forEach>
										</ul>
									</div>
									<div class="info">
										<span class="name"> <a class="link" href="${item.taokeUrl }" target="_blank">${item.title }</a></span>
										<div class="description">
											<div class="left">
												<div class="checklist">
													<!-- 														<ul> -->
													<!-- 															<li> -->
													<!-- 																<strong>Customizable Drop Down Menus</strong> -->
													<!-- 															</li> -->
													<!-- 															<li> -->
													<!-- 																3 Color Schemes -->
													<!-- 															</li> -->
													<!-- 															<li> -->
													<!-- 																4 Unique Page Layouts -->
													<!-- 															</li> -->
													<!-- 														</ul> -->
												</div>
											</div>
											<div class="right">
												<div class="checklist">
													<ul>
														<c:forEach items="${item.reasonList}" var="reason">
															<li>${reason }</li>
														</c:forEach>
													</ul>
												</div>
											</div>
										</div>
										<span class="price"> <span title="" class="money">
												<span class="currencySymbol">￥</span>${item.powerPrice }
										</span>
										</span>
									</div>
									<div class="actions">
										<ul>
											<li class="details"><a class="actionButton link"
												id="detail_a_${item.itemId }" target="_blank">查看详细 &gt;</a></li>
										</ul>
									</div>
								</div>
							</c:forEach>
							<br class="clear">
						</div>

						<div class="listfooter">
							<div class="colA">
								<h3>热门标签:</h3>
								<span> <c:forEach items="${level2CategoryMap }"
										var="level2CategoryMap">
										<a href="${rootUrl }/items.htm?catid=${level2CategoryMap.value.catId}">${level2CategoryMap.value.name}</a>&nbsp;&nbsp;
									</c:forEach> <br class="clear">
								</span>
							</div>
							<br class="clear">
						</div>
					</div>
				</div>
			</div>
			<div class="currencybox" style="position: absolute; z-index: 1; ">
			</div>
		</div>
	</div>
</body>
</html>

